// 整个项目的入口文件
// 引入vue,这个vue是残缺版(不包含模板解析器),不认识template,解析不了模板,要用render函数
import Vue from 'vue'
//引入app组件，它是所有组件的父组件
import App from './App.vue'
//关闭Vue生产提示
Vue.config.productionTip = false

/*
  关于不同版本的vue
    1.vue.js与vue.runtime.xxx.js的区别
      1.vue.js是完整版的vue,包含:核心功能+模板解析器
      2.vue.runtime.xxx.js是运行版的vue,只包含:核心功能，没有模板解析器
    2.因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用
    render函数接收到的createElement函数去指定具体内容
*/
//创建VUE实例对象
new Vue({
  // 将APP组件放入容器中,模板解析器较大,占用1/3，webpack解析后生成的文件太大
  render: h => h(App),
  // render (createElement) {
  //   return createElement('h1','你好啊')
  // },
  // render:createElement=> createElement('h1','你好啊')
  // render:q=> q('h1','你好啊')
  // template:`<h1>111</h1>`,
  // components: {
  //   App
  // }
}).$mount('#app')
